// 方式1 直接返回内容
// function styleLoader(source) {
//     // console.log('styleLoader', this.loaders);
//     // console.log('query', this.query);
//     const style = `
//         const style = document.createElement('style');
//         style.innerHTML = ${source};
//         document.head.appendChild(style);
//     `;
//     return style;
// }

// 方式2 使用this.callback返回
function styleLoader(source) {
    console.log('styleLoader', source);
    const style = `
        const style = document.createElement('style');
        style.innerHTML = ${source};
        document.head.appendChild(style);
    `;
    this.callback(null, style);
}

// 方式3 异步使用this.async
// function styleLoader(source) {
//     const callback = this.async();
//     const style = `
//         const style = document.createElement('style');
//         style.innerHTML = ${source};
//         document.head.appendChild(style);
//     `;
//     setTimeout(() => {
//         callback(null, style);
//     }, 2000);
// }

module.exports = styleLoader;